<style>
    #expertReportDetail {
        padding: 20px 25px 25px 0;
    }

    .layui-form-label {
        width: 140px;
    }

    .layui-input-block {
        margin-left: 170px;
    }

    #expertReportDetail span {
        margin: 0 0 2px 3px !important;
    }

    .layui-layer-page .layui-layer-content {
        overflow: visible !important;
    }
</style>
<div class="layui-fluid" id="expertReportDetail">
    <form class="layui-form" lay-filter="expertReportDetail-form">
        <div class="layui-form-item website-hide">
            <label class="layui-form-label ">举报id：</label>
            <div class="layui-input-block">
                <input type="text" name="reportId" data-th-value="${declareTopic.report.reportId}">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-col-md6">
                <label class="layui-form-label ">课题名称：</label>
                <div class="layui-input-block">
                    <input type="text" name="name" readonly class="layui-input">
                </div>
            </div>
            <div class="layui-col-md6">
                <label class="layui-form-label">指南序号：</label>
                <div class="layui-input-block">
                    <input type="text" name="topicCode" readonly class="layui-input">
                </div>
            </div>

        </div>
        <div class="layui-form-item website-hide">
            <div class="layui-row">
                <div class="layui-col-md6">
                    <label class="layui-form-label ">举报人：</label>
                    <div class="layui-input-block">
                        <input type="text" name="reportName" class="layui-input" readonly>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <label class="layui-form-label ">联系电话：</label>
                    <div class="layui-input-block">
                        <input type="text" name="reportMobile" class="layui-input" readonly>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item website-hide">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <label class="layui-form-label ">举报原因：</label>
                    <div class="layui-input-block">
                       <textarea name="content" placeholder="请输入内容" class="layui-textarea"
                                 th:text="${declareTopic.report.content}"
                                 rows="4"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <label class="layui-form-label ">附件：</label>
                    <div class="layui-input-block">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-row">
                <div class="layui-col-md6">
                    <label class="layui-form-label ">指派专家：</label>
                    <div class="layui-input-block">
                        <input name="exportName" readonly class="layui-input"/>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <label class="layui-form-label ">专家审查结果：</label>
                    <div class="layui-input-block">
                        <input name="isExpertReal" readonly class="layui-input"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item"
             th:classappend="${declareTopic.report.isExpertReal==true} ? 'website-hide' : '' ">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <label class="layui-form-label ">专家审查不符合实际原因：</label>
                    <div class="layui-input-block">
                        <textarea name="expertReason" readonly class="layui-textarea"
                                  th:text="${declareTopic.report.expertReason}"
                                  rows="4"></textarea>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<script data-th-inline="javascript">
    layui.use(['form', 'formSelects', 'dict'], function () {
        var $ = layui.$,
            formSelects = layui.formSelects,
            form = layui.form,
            declareTopic = [[${declareTopic}]];
        form.render();
        initFormValue();
        formSelects.render();

        function initFormValue() {
            var isExpertReal = "";
            if (declareTopic.report.isExpertReal != null) {
                if (declareTopic.report.isExpertReal) {
                    isExpertReal = "属实";
                } else {
                    isExpertReal = "不属实";
                }
            }
            form.val("expertReportDetail-form", {
                "name": declareTopic.name,
                "topicCode": declareTopic.topicCode,
                "reportName": declareTopic.report.name,
                "reportMobile": declareTopic.report.mobile,
                "exportName": declareTopic.expert.name,
                "isExpertReal": isExpertReal
            });
        }
    });
</script>